<template>
  <div id="">
    <div class="content">
        <router-view/>
    </div>
    <navbar class="navbar" :tabs="tabs" dir="row" b="0" l="0"></navbar>
  </div>
</template>
<script>
import navbar from "@/components/navbar/navbar";

export default {
  name: '',
  data() {
    return {
      tabs: [
        {title: '首页', url: '/home'},
        {title: '分类', url: '/type'},
        {title: '购物车', url: '/cart'},
        {title: '我的', url: '/mine'}
      ]
    };
  },
  // 子组件转换
  components: {navbar,},
  // 数据引入
  mounted() {
  },
  created() {
  },
  //点击函数事件
  methods: {},
  //数据监听
  watch: {},
}
</script>
<style lang="scss" scoped>
.content {
  height: calc(100vh - 50px);
}
</style>